<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<link href="style/css.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js"></script> 
<script src="js/jquery.blockUI.js" type="text/javascript"></script>
<script type="text/javascript"> 
$(function(){ 
//Default Action 
$(".tab_content").hide(); //Hide all content 
$("ul.tabs li:first").addClass("active").show(); //Activate first tab 
$(".tab_content:first").show(); //Show first tab content 
//On Click Event 
$("ul.tabs li").click(function() { 
$("ul.tabs li").removeClass("active"); //Remove any "active" class 
$(this).addClass("active"); //Add "active" class to selected tab 
$(".tab_content").hide(); //Hide all tab content 
var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content 
$(activeTab).fadeIn(); //Fade in the active content 
return false; 
}); 
}); 
</script> 
<script type="text/javascript"> 
$(function(){
$('#login').click(function(){   //给box_btn绑定一个鼠标点击的事件
$.blockUI({    //当点击事件发生时调用弹出层
  message: $('#loginbox'),    //要弹出的元素box
  css: {    //弹出元素的CSS属性
    border:'5px solid #334343',
    textAlign: 'left',
	width: '490px',
	top:  ($(window).height() - 290) /2 + 'px', 
    left: ($(window).width() - 490) /2 + 'px', 
	cursor: 'auto'
       },
  overlayCSS: {
	opacity: '0.7' 
	          }
         });
$('.blockOverlay').attr('title','单击关闭').click($.unblockUI);   //遮罩层属性的设置以及当鼠标单击遮罩层可以关闭弹出层
$('.close').click($.unblockUI);  //也可以自定义一个关闭按钮来关闭弹出层

});

});
</script> 
</head>

<body>

<div id="loginbox" style="display:none">
  <div class="login_title">会员登录</div>
  <div class="login_input">
    <div class="input"><span>账号：</span><span><input name="user" type="text" /></span></div>
    <div class="input"><span>密码：</span><span><input name="pwd" type="password" /></span></div>
    <div class="login_input_1 clearfix"><input name="" type="checkbox" value="" id="store1" /><label for="store1">自动登录</label><a href="#">找回密码</a></div>
    <div class="reg clearfix"><span><input class="login_btn" name="" type="image" src="images/login.jpg" /></span><span>还没有账号？</span><a href="#">立即注册</a></div>
  </div>
</div>

<div class="top">
  <div class="top_content clearfix"><span class="left">欢迎来到外卖网365！</span><span class="right"><a href="#" id="login">登录</a> / <a href="#">注册</a> | <a href="#">店铺登陆</a></span></div>
</div>

<div class="content clearfix">
  <div class="shop_top clearfix">
    <div class="shop_top_left left">
      <div class="shopinfo">
        <div class="clearfix">
          <div class="sub_logo left"><a href="#"><img src="images/1.jpg" width="42" height="42"></a></div>
          <div class="left"><span class="store"><a href="#">卓越小厨</a></span><span class="store_case">中式快餐</span></div>
          </div>
          <div class="sub_info"><div class="sub_time left">28分钟</div><div class="left"><img src="images/sub1.gif"> <img src="images/sub2.gif"> <img src="images/sub3.gif"> <img src="images/sub4.gif"> <img src="images/sub5.gif"></div></div>
      </div>
      <div class="shopinfo_3 left">
        <div>起 送 价：20元</div>
        <div>地    址：朝阳区SOHO现代城3号楼2101</div>
        <div>营业时间：08：00-20：00</div>
        <div>电    话：010-85202000</div>
      </div>
      <div class="shopnotice left"><span class="notice_title">公告:</span> 每次满100元送2L大桶饮料一桶（可乐、雪碧、红茶、绿茶自选）。为了不耽误您的用餐时间请提前50分 钟订餐，本餐厅可开发票（定额发票不需要开票信息） </div>
    </div>
    <div class="shop_top_right right"><span class="notice_title">活动：</span>A活动。飞机是发酒疯记得一 分斤第毫  第斤分毫十第斤分毫  飞机动机法B活
动。反对可佛看法发方法反对法发生</div>
  </div>
  <div class="content_con clearfix" style="margin-top:10px;">
    <div class="order_left left">
      <div class="box">
        <div class="box_title">
          <table width="100%" border="0" cellpadding="0" cellspacing="0" class="order_title">
            <tr>
              <td width="400" class="td_frist">名称</td>
              <td width="80" align="center">价钱</td>
              <td width="90" align="center">数量</td>
              <td align="center">人气</td>
            </tr>
          </table>
        </div>
        <table width="100%" border="0" cellpadding="0" cellspacing="0" class="orderlist" style="border-top:1px solid #c0d4d4;">
          <tr class="title_tr">
            <th colspan="4" class="td_frist">盖饭类</th>
          </tr>
          <tr>
            <td width="400" class="td_frist">木耳炒肉盖饭盖饭</td>
            <td width="80" align="center">12元</td>
            <td width="90" align="center">1</td>
            <td align="center">本月15人订</td>
          </tr>
          <tr>
            <td width="400" class="td_frist">木耳炒肉盖饭盖饭</td>
            <td width="80" align="center">12元</td>
            <td width="90" align="center"><span class="number"><a href="#"><img src="images/subtract.png"></a></span> 1 <span class="number"><a href="#"><img src="images/add.png"></a></span></td>
            <td align="center">本月15人订</td>
          </tr>
          <tr>
            <td width="400" class="td_frist">木耳炒肉盖饭盖饭</td>
            <td width="80" align="center">12元</td>
            <td width="90" align="center">1</td>
            <td align="center">本月15人订</td>
          </tr>
          <tr>
            <td width="400" class="td_frist">木耳炒肉盖饭盖饭</td>
            <td width="80" align="center">12元</td>
            <td width="90" align="center">1</td>
            <td align="center">本月15人订</td>
          </tr>
          <tr>
            <td width="400" class="td_frist">木耳炒肉盖饭盖饭</td>
            <td width="80" align="center">12元</td>
            <td width="90" align="center">1</td>
            <td align="center">本月15人订</td>
          </tr>
          <tr>
            <td width="400" class="td_frist">木耳炒肉盖饭盖饭</td>
            <td width="80" align="center">12元</td>
            <td width="90" align="center">1</td>
            <td align="center">本月15人订</td>
          </tr>
          <tr>
            <td width="400" class="td_frist">木耳炒肉盖饭盖饭</td>
            <td width="80" align="center">12元</td>
            <td width="90" align="center">1</td>
            <td align="center">本月15人订</td>
          </tr>
        </table>
        <table width="100%" border="0" cellpadding="0" cellspacing="0" class="orderlist" style="margin-top:20px;">
          <tr class="title_tr">
            <th colspan="4" class="td_frist">盖饭类</th>
          </tr>
          <tr>
            <td width="400" class="td_frist">木耳炒肉盖饭盖饭</td>
            <td width="80" align="center">12元</td>
            <td width="90" align="center">1</td>
            <td align="center">本月15人订</td>
          </tr>
          <tr>
            <td width="400" class="td_frist">木耳炒肉盖饭盖饭</td>
            <td width="80" align="center">12元</td>
            <td width="90" align="center"><span class="number"><a href="#"><img src="images/subtract.png"></a></span> 1 <span class="number"><a href="#"><img src="images/add.png"></a></span></td>
            <td align="center">本月15人订</td>
          </tr>
          <tr>
            <td width="400" class="td_frist">木耳炒肉盖饭盖饭</td>
            <td width="80" align="center">12元</td>
            <td width="90" align="center">1</td>
            <td align="center">本月15人订</td>
          </tr>
          <tr>
            <td width="400" class="td_frist">木耳炒肉盖饭盖饭</td>
            <td width="80" align="center">12元</td>
            <td width="90" align="center">1</td>
            <td align="center">本月15人订</td>
          </tr>
          <tr>
            <td width="400" class="td_frist">木耳炒肉盖饭盖饭</td>
            <td width="80" align="center">12元</td>
            <td width="90" align="center">1</td>
            <td align="center">本月15人订</td>
          </tr>
          <tr>
            <td width="400" class="td_frist">木耳炒肉盖饭盖饭</td>
            <td width="80" align="center">12元</td>
            <td width="90" align="center">1</td>
            <td align="center">本月15人订</td>
          </tr>
          <tr>
            <td width="400" class="td_frist">木耳炒肉盖饭盖饭</td>
            <td width="80" align="center">12元</td>
            <td width="90" align="center">1</td>
            <td align="center">本月15人订</td>
          </tr>
        </table>
      </div>
    </div>
    <div class="order_right right">
      <div class="box" style="margin-bottom:0px;">
        <div class="box_title"><div class="box_title_title1">购物车</div></div>
        <table width="100%" border="0" cellpadding="0" cellspacing="0" class="shopping">
          <tr class="title">
            <th width="110" class="td_frist">名称</th>
            <th width="40" align="center">价钱</th>
            <th width="55" align="center">数量</th>
            <th align="center" class="td_last">操作</th>
          </tr>
          <tr>
            <td class="td_frist">木耳炒肉盖饭盖饭</td>
            <td align="center">12元</td>
            <td align="center"><span class="number"><a href="#"><img src="images/subtract.png"></a></span> 1 <span class="number"><a href="#"><img src="images/add.png"></a></span></td>
            <td align="center" class="td_last">操作</td>
          </tr>
          <tr class="vary">
            <td class="td_frist">木耳炒肉盖饭盖饭</td>
            <td align="center">12元</td>
            <td align="center"><span class="number"><a href="#"><img src="images/subtract.png"></a></span> 1 <span class="number"><a href="#"><img src="images/add.png"></a></span></td>
            <td align="center" class="td_last">操作</td>
          </tr>
          <tr>
            <td class="td_frist">木耳炒肉盖饭盖饭</td>
            <td align="center">12元</td>
            <td align="center"><span class="number"><a href="#"><img src="images/subtract.png"></a></span> 1 <span class="number"><a href="#"><img src="images/add.png"></a></span></td>
            <td align="center" class="td_last">操作</td>
          </tr>
          <tr class="vary">
            <td class="td_frist">木耳炒肉盖饭盖饭</td>
            <td align="center">12元</td>
            <td align="center"><span class="number"><a href="#"><img src="images/subtract.png"></a></span> 1 <span class="number"><a href="#"><img src="images/add.png"></a></span></td>
            <td align="center" class="td_last">操作</td>
          </tr>
        </table>
      </div>
      <div class="box" style="margin-top:10px;">
        <div class="box_title"><div class="box_title_title1">友情提示</div></div>
        <div class="box_content clearfix" style="padding:10px 15px;">
          <span class="tips">吹单请拨打电话吹单请拨打电话吹单请拨打电话吹单请拨打电话吹单请拨打电话吹单请拨打电话吹单请拨打电话吹单请拨打电话吹单请拨打电话吹单请拨打电话吹单请拨打电话吹单请拨打电话吹单请拨打电话吹单请拨打电话吹单请拨打电话吹单请拨打电话</span>
        </div>
      </div>
      <div class="box" style="margin-top:10px;">
        <div class="box_title">
          <div class="box_title_title1">评论</div></div>
        <div class="box_content clearfix" style="padding:10px 15px;">
          <ul class="message messageadd">
            <li class="clearfix">
              <span class="left">·不错，很喜欢不错，很喜欢不错，很喜欢不错，很喜欢不错，很喜欢</span><span class="right">2013-5-29</span><span class="right">紫夜幽魂</span>
            </li>
            <li class="clearfix">
              <div class="left clearfix">·不错，很喜欢不错，很喜欢不错，很喜欢不错，很喜欢不错，很喜欢</div>
              <div class="clearfix"><span class="right">2013-5-29</span><span class="right">紫夜幽魂</span></div>
              <div class="hf clearfix">管理员回复：<br>已经送过去了！</div>
            </li>
          </ul>
          <div class="leavemess">
            <div>我要留言</div>
            <div><textarea></textarea></div>
            <div><input type="image" src="images/submit.jpg"></div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="bottom">
  <div class="bottom_content clearfix">
    <div class="bottom_left left"><img src="images/logo_s.gif"></div>
    <div class="bottom_right left">
      <div><a href="#">关于我们</a>&nbsp;&nbsp; | &nbsp;&nbsp;<a href="#">诚招英才</a>&nbsp;&nbsp; | &nbsp;&nbsp;<a href="#">合作商谈</a>&nbsp;&nbsp; | &nbsp;&nbsp;<a href="#">网站地图</a>&nbsp;&nbsp; | &nbsp;&nbsp;<a href="#">免责条款</a></div>
      <div>Copyright © 2013 waimaiwang365.com All rights reserved  京ICP备030173号</div>
    </div>
  </div>
</div>
</body>
</html>
